<template>
    <div class="tip-block">
        <div class="icon">
            <a-icon type="info-circle" theme="filled" class="text-primary"/>
        </div>
        <div class="tip-ol">
            <slot></slot>
        </div>
    </div>
</template>

<script>
  import {prefix} from '../config';
  export default {
    name: `${prefix}TipBlock`
  };
</script>

<style scoped lang="scss">
    .tip-block{
        &.blue{
             background: #e6f7ff;
             padding: 10px 10px 10px;
         }
        display: flex;
        padding-bottom: 10px;
        .icon {
            width: 20px;
        }
        .tip-ol{
            padding-left: 15px;
            flex: 1;
            ol {
                margin-bottom: 0px;
                li {
                    list-style: decimal;
                }
            }
        }
    }
</style>
